@import "common.styl"
.flex
  display flex
a
  display block

.action_top
  border-top 1px solid #e6e6e6
  background #fff
  padding px2rem(10px) px2rem(15px)
  .title
    color #999
  .calendar
    i
      color #32a4f9
.arrow-right
  width 8px
  height 8px
  border-top 1px solid #324355
  border-right 1px solid #324355
  transform rotate(45deg)
.navbar
  background #fff
  display flex
  position fixed
  top 0
  left 0
  right 0
  z-index 99
  height px2rem(43px)
  .nav_item
    display block
    flex 1
    span
      display inline-block
      width px2rem(50px)
      height px2rem(43px)
      line-height px2rem(43px)
      position relative
  .nav_item.active
    span
      color #32a4f9
      &:after
        content ''
        position absolute
        left 0
        right 0
        bottom 0
        border 1px solid #32a4f9


.container
  margin-top px2rem(43px)
  .tab_item
    display none
  .time_wrap
    padding px2rem(15px)
    .time_item
      .date
        margin-bottom px2rem(10px)
        span
          padding px2rem(2px) px2rem(10px)
          background #d3d2d7
          border-radius px2rem(2px)
          font-size px2rem(10px)
      .t_content
        a
          display flex
          align-items center
          margin-bottom px2rem(10px)
          border 1px solid #e6e6e6
          background #fff
          border-radius px2rem(5px)
          padding px2rem(10px) px2rem(15px)
          .avatar
            width px2rem(35px)
            height px2rem(35px)
            border-radius 50%
            border 1px solid #e6e6e6
            margin-right px2rem(15px)
            img
              width 100%
              height 100%
              border-radius 50%
          .t_info
            flex 1

  .action_wrap
    .card_wrap
      padding px2rem(10px)
      box-sizing border-box
      .card2
        .card_item
          margin-bottom 0
      .card_item
        flex 1
        margin-right px2rem(10px)
        margin-bottom px2rem(10px)
        background-image url("https://pimg.ec51.com/h5/card-bg1.png")
        background-size cover
        background-repeat no-repeat
        background-position center
        border-radius px2rem(10px)
        &:last-child
          margin-right 0
        .action_see
          padding-left px2rem(70px)
          height px2rem(70px)
          background-size 25%
          background-repeat no-repeat
          background-position 20px center
          color #fff
          .see
            padding-top px2rem(14px)
          .account
            margin-top px2rem(5px)
            span
              font-size px2rem(14px)

    .list_wrap
      background #fff
      .list_item
        padding px2rem(10px)
        border-bottom 1px solid #eee
        &:last-child
          border-bottom 0
        i
          font-size 20px
        .list_name
          flex 1
          margin-left px2rem(10px)
          color #999
        .number
          color #999
          span
            color #32a4f9
            margin-right px2rem(5px)
            font-size px2rem(14px)
  .person
    .p_list
      margin-top px2rem(10px)
      .p_item
        padding px2rem(10px) px2rem(15px)
        border-bottom 1px solid #e6e6e6
        &:last-child
          border-bottom 0
        .avatar
          width px2rem(36px)
          height px2rem(36px)
          border 1px solid #e6e6e6
          border-radius 50%
          margin-right px2rem(15px)
          img
            width 100%
            height 100%
            border-radius 50%
        .t_info
          span
            color #32a4f9
